<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>用户个人中心-我的订单</title>
	<link rel="stylesheet" href="./css/style2.css" />
	<link rel="stylesheet" href="./css/userinfo.css" />
	<link rel="stylesheet" href="./css/commonjs.css" />
	<script src="./js/jquery-1.7.2.min.js"></script>
	<script src="./js/common.js"></script>
</head>
<body>
	<!-- 头部开始  -->
		<div id="header">
			<!-- 头部广告位置 -->
			<div class="adWrap">
				<div class="headAd">
					<a href="">
						<img src="Img/head_top_ad.jpg" alt="头部广告位" />
					</a>
				</div>
				<!-- 头部广告位置结束 -->
			</div>
			<!--头部登陆信息开始-->
			<div class="toptopare">
				<div class="arewarp">
					<!--左边欢迎登陆文字开始-->
						<div class="welcome">
							您好,欢迎光临凡客诚品！
							<span class="loginreg">
								<a href="">登陆</a>
								｜ 
								<a href="">注册</a>
							</span>
						</div>
					<!--左边欢迎登陆文字结束-->
					<!--订单收藏-->
						<div class="orderads">
							<a href="">我的订单</a>
								 
							<a href="">收藏本站</a>
						</div>
					<!--订单收藏结束-->
					<!-- 右边下拉列表-->
					<div class="droplist">
						<div href="" id="myVancl" class="mylist">
							<a href="">我的凡客 <span class="jt"></span></a>
							<ul class="myVanclList">
								<li><a href="">我的订单</a></li>
								<li class="liBottom"><a href=""></a></li>
							</ul>
						</div>
						<div href="" class="mylist">
							<a href="">网站导航 <span class="jt"></span></a>
							<ul class="myVanclList">
								<li><a href="">我的订单</a></li>
								<li class="liBottom"><a href=""></a></li>
							</ul>
						</div>
						<div href="" class="mylist">
							<a href="">帮助中心 <span class="jt"></span></a>
							<ul class="myVanclList">
								<li><a href="">购物指南</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">售后服务</a></li>
								<li><a href="">投诉建议</a></li>
								<li><a href="">在线客户</a></li>
								<li class="liBottom"><a href=""></a></li>
							</ul>
						</div>
						<div href="" class="mylist">
							<a href="">网站公告 <span class="jt"></span></a>
							<ul class="myVanclList">
								<li><a href="">我的订单</a></li>
								<li class="liBottom"><a href=""></a></li>
							</ul>
						</div>
					</div>
					<!--右边下拉列表结束-->
				</div>
			</div>
			<!--头部登陆信息结束-->
			<!--logo和搜索条-->
			<div class="logoArea">
				<!--logo-->
				<a href="" class="logo"></a>
				<!--logo结束-->
				<!--搜索区开始-->
				<div class="serachArea">
					<div class="searchTopAre">
					<!--搜索框-->
					<div class="searchInput">
						<form action="">
							<input type="text" id="inputBox"/>
							<input type="submit" id="searchBtn" value="搜索" />
						</form>
					</div>
					<!--购物车-->
					<div class="shopCart">
							购物车(<span class="carNum">0</span>)
						<div class="showCartList">
							<!--目前没有商品-->
							<p class="cartTitle">最近加入购物车</p>
							<ul>
								<li>
									<div class="carLeft">
										<!--商品图片-->
										<a href="">
											<img src="./img/6069847-1j201505120932360658.jpg" alt="" />
										</a>
										<!--商品连接-->
										<div class="proLink">
											<a href="">凡客衬衫 青年布 男款 蓝色</a><br />
											<!--商品价格和数量-->
											<p>￥<span class="price">149.00</span> × <span class="nums"> 1 </span></p>
										</div>
									</div>
									<!--购物车删除按钮-->
									<a href="" id="cartDel">删除</a>
								</li>
								
							</ul>
							<!--购物车底部-->
							<div class="cartBottom">
								<div class="left">
									共计
									<p>￥123.00元</p>
								</div>
								<!--右边进入详细购物车页-->
								<div class="right" style="border:none;">
									<a href="">查看购物车</a>
								</div>
							</div>
						</div>
						</div>
					<!--购物车结束-->
					</div>
					<!--热门搜索-->
					<div class="hotKeyword">
						<span>热门搜索:</span>
						<a href="">吉武国</a>
						<a href="">T恤</a>
						<a href="">卡其裤</a>
						<a href="">长场雄</a>
						<a href="">POLO</a>
						<a href="">麻牛仔</a>
						<a href="">皮肤衣</a>
						<a href="">牛津纺</a>
					</div>
					<!--热门搜索结束-->
					
					<!--搜索框结束-->
				</div>
				<!--搜索区结束-->
			</div>
			<!--logo和搜索条结束-->
			<!--导航区-->
			<div id="navbar" style="position:relative;">
				<div class="navFirst">
					全部商品分类
					<!--下拉菜单 -->
					<div class="dropLists">
						<dl>
							<span>男装</span>
							<dd>
								<p>
									<a href="">T恤</a>/<a href="">POLO衫</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot">T恤</a>
									<a href="">POLO衫</a>
								</p>
							</dd>
							<dd class="otherCate">
								<p>
									<a href="">衬衫</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot">80免烫</a>
									<a href="">麻衬衫</a>
									<a href="">靛蓝系列</a>
									<a href="">牛津纺</a>
								</p>
							</dd>
							<dd class="otherCate">
								<p>
									<a href="">外套</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot"> 冲锋衣</a>
									<a href="">麻棉西服</a>
									<a href="">皮肤衣</a>
									<a href="">羊毛西服</a>
								</p>
							</dd>
							<dd class="otherCate">
								<p>
									<a href="">裤装</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot"> 牛仔裤</a>
									<a href="">卡其裤</a>
									<a href="">运动裤</a>
								</p>
							</dd>
						</dl>
    
						<dl>
							<span>女装</span>
							<dd>
								<p>
									<a href="">T恤</a>/<a href="">POLO衫</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot">T恤</a>
									<a href="">POLO衫</a>
								</p>
							</dd>
							<dd class="otherCate">
								<p>
									<a href="">裤装</a>
								</p>
								<p class="sonCate">
									<a href="" class="hot"> 牛仔裤</a>
									<a href="">卡其裤</a>
									<a href="">运动裤</a>
								</p>
							</dd>
						</dl>
					</div>
					<!--下拉菜单 -->
					<span class="downArrowTop"></span>
				</div>
				<div class="navList" >
					<ul>
						<li><a href="">T恤</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct2" >
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">衬衫</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct2">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">麻</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct2">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">POLO</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct2">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">牛仔</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct2">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">卡其裤</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct2">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						<li><a href="">户外</a>
							<!--当前这个分类下页推荐的2个商品-->
							<div class="cateProduct2">
								<!--分页推荐商品左边-->
								<div class="productLeft">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
								<!--分页推荐商品右边-->
								<div class="productLeft" style="border:none;">
									<div class="wrapProduct">
										<a href="">
											<img src="./Img/nan.jpg" alt="" width="140" height="140" />
										</a>
										<p class="goods">
											<a href="">凡客T恤 男款</a>
										</p>
										<div class="goodsDesc">
											温莎领 欧式风格 修身版型 水洗30次依然平整如新
											<p class="goodsPrice">
											￥59.00
											</p>
										</div>
										
									</div>
								</div>
							</div>
						</li>
						
					</ul>
				</div>
			</div>
			<!--导航区结束-->
		</div>
		<!-- 头部结束  -->
		<!--个人中心主体-->
		<div id="content">
			<!--面包屑-->
			<div class="location">
				您当前的位置：
				<a href="">凡客首页</a>
				> 
				<a href="">我的凡客</a>
				> 
				<a href="">我的订单</a>
			</div>
			<!--面包屑-->
			<div class="main">
				<!--个人中心左边-->
				<div class="left">
					<div class="title">
						<span class="homeicon"></span>
						<a href="">我的凡客</a>
					</div>
					<!--菜单列表-->
					<div class="menuList">
						<dl>
							<dt>
								订单中心
							</dt>
							<dd>
								<a href="">我的订单 <span class="leftArrow"></span></a>
							</dd>
							<!--<dd>
								<a href="">我的收藏 <span class="leftArrow"></span></a>
							</dd>-->
							
						</dl>
						<!--<dl>
							<dt>
								客户服务
							</dt>
							<dd>
								<a href="">我的评价 <span class="leftArrow"></span></a>
							</dd>
							<dd>
								<a href="">商品提问 <span class="leftArrow"></span></a>
							</dd>
							
						</dl>-->
						<dl>
							<dt>
								账户管理
							</dt>
							<dd>
								<a href="">帐户余额 <span class="leftArrow"></span></a>
							</dd>
							<dd>
								<a href="">收货地址 <span class="leftArrow"></span></a>
							</dd>
							<dd>
								<a href="">账户安全 <span class="leftArrow"></span></a>
							</dd>
							<dd>
								<a href="">我的资料 <span class="leftArrow"></span></a>
							</dd>
							
						</dl>
					</div>
				</div>
				<!--个人中心中心右边-->
				<div class="right">
					<h3 class="title">
						<span>我的订单</span>
					</h3>
					<!--订单列表-->
					<div id="orderOfList">
						<ul>
							<li class="active">全部订单</li>
							<li>进行中</li>
							<li>已完成</li>
							<li>无效</li>
						</ul>
					</div>
					<!--订单每行主体内容-->
					<div class="orderofRow">
						<!--定单头-->
						<div class="rowTitle">
							订单总金额<strong style="margin-left:10px;">￥128.00</strong>
							<p>
								2015-06-15 12:03:23 
							</p>
						</div>
						<!--定单主体-->
						<div class="orderContent">
							<!--订单号-->
							<div class="orderNum">
								<a href="" class="num">771400043403</a>
								<ul> 
									<li><a href="" class="dressImg"><img src="./Img/6363117-1j201506081641442720.jpg" alt="" /></a></li>
									<li><a href="" class="dressImg"><img src="" alt="" /><img src="./Img/6363117-1j201506081641442720.jpg" alt="" /></a></li>
								</ul>
							</div>
							<!--付款-->
							<div class="orderPay">
								<ul>
									<li>应付： <span style="color:#9F0424">￥128.00</span></li>
									<li>
										<a href="" class="nowpay">现在支付</a>
									</li>
									<li class="name">张三 <span class="downArrow"></span></li>
								</ul>
							</div>
							<!--定单状态-->
							<div class="orderStatus">
								<ul>
									<li class="status">等待支付</li>
								</ul>
							</div>
							<!--定单按钮-->
							<div class="orderBtn">
								<ul>
									<li><a href="" class="changeOrder"></a></li>
									<li><a href="">取消定单</a></li>
								</ul>
							</div>
							<!--订单号结束-->
						</div>
					</div>
					<!--订单每行主体内容-->
					<div class="orderofRow">
						<!--定单头-->
						<div class="rowTitle">
							订单总金额<strong style="margin-left:10px;">￥128.00</strong>
							<p>
								2015-06-15 12:03:23 
							</p>
						</div>
						<!--定单主体-->
						<div class="orderContent">
							<!--订单号-->
							<div class="orderNum">
								<a href="" class="num">771400043403</a>
								<ul> 
									<li><a href="" class="dressImg"><img src="./Img/6363117-1j201506081641442720.jpg" alt="" /></a></li>
									<li><a href="" class="dressImg"><img src="" alt="" /><img src="./Img/6363117-1j201506081641442720.jpg" alt="" /></a></li>
								</ul>
							</div>
							<!--付款-->
							<div class="orderPay">
								<ul>
									<li>应付： <span style="color:#9F0424">￥128.00</span></li>
									<li>
										<a href="" class="nowpay">现在支付</a>
									</li>
									<li class="name">张三 <span class="downArrow"></span></li>
								</ul>
							</div>
							<!--定单状态-->
							<div class="orderStatus">
								<ul>
									<li class="status">等待支付</li>
								</ul>
							</div>
							<!--定单按钮-->
							<div class="orderBtn">
								<ul>
									<li><a href="" class="changeOrder"></a></li>
									<li><a href="">取消定单</a></li>
								</ul>
							</div>
							<!--订单号结束-->
						</div>
					</div>
					<!--订单每行主体内容-->
					<div class="orderofRow">
						<!--定单头-->
						<div class="rowTitle">
							订单总金额<strong style="margin-left:10px;">￥128.00</strong>
							<p>
								2015-06-15 12:03:23 
							</p>
						</div>
						<!--定单主体-->
						<div class="orderContent">
							<!--订单号-->
							<div class="orderNum">
								<a href="" class="num">771400043403</a>
								<ul> 
									<li><a href="" class="dressImg"><img src="./Img/6363117-1j201506081641442720.jpg" alt="" /></a></li>
									<li><a href="" class="dressImg"><img src="" alt="" /><img src="./Img/6363117-1j201506081641442720.jpg" alt="" /></a></li>
								</ul>
							</div>
							<!--付款-->
							<div class="orderPay">
								<ul>
									<li>应付： <span style="color:#9F0424">￥128.00</span></li>
									<li>
										<a href="" class="nowpay">现在支付</a>
									</li>
									<li class="name">张三 <span class="downArrow"></span></li>
								</ul>
							</div>
							<!--定单状态-->
							<div class="orderStatus">
								<ul>
									<li class="status">等待支付</li>
								</ul>
							</div>
							<!--定单按钮-->
							<div class="orderBtn">
								<ul>
									<li><a href="" class="changeOrder"></a></li>
									<li><a href="">取消定单</a></li>
								</ul>
							</div>
							<!--订单号结束-->
						</div>
					</div>
					<!--订单分页-->
					<div class="orderPage">
						<p><span>1</span>/<span>4</span></p> 
						<a href="" class="prevPage"></a>
						<a href="" class="nextPage"></a>
					</div>
				</div>
				
			</div>
		</div>
		
		<!--个人中心主体结束-->
		
		
		<!-- 页脚开始 -->
		<div id="foot">
			<div class="footerList">
				<div class="center">
					<dl>
						<dt><a href="">关于凡客</a></dt>
						<dd><a href="">公司简介</a></dd>
						<dd><a href="">联系我们</a></dd>
						<dd><a href="">友情链接</a></dd>
						
					</dl>
					<dl>
						<dt><a href="">新手指南</a></dt>
						<dd><a href="">账户注册</a></dd>
						<dd><a href="">购物流程</a></dd>
						<dd><a href="">网站地图</a></dd>
						<dd><a href="">商家入驻</a></dd>
					</dl>
					<dl>
						<dt><a href="">配送范围及时间</a></dt>
						<dd><a href="">国内配送</a></dd>
						<dd><a href="">订单拆分</a></dd>
						
					</dl>
					<dl>
						<dt><a href="">支付方式</a></dt>
						<dd><a href="">货到付款</a></dd>
						<dd><a href="">在线支付</a></dd>
						<dd><a href="">礼品卡及账户余额</a></dd>
						<dd><a href="">其他支付方式</a></dd>
						
					</dl>
					<dl>
						<dt><a href="">售后服务</a></dt>
						<dd><a href="">退换货政策</a></dd>
						<dd><a href="">退换货办理流程</a></dd>
						<dd><a href="">退换货网上办理</a></dd>
						<dd><a href="">退款说明</a></dd>
						<dd><a href="">调查问卷</a></dd>
						
					</dl>
					<dl style="border:none;">
						<dt><a href="">帮助中心</a></dt>
						<dd><a href="">在线客服</a></dd>
						<dd><a href="">找回密码</a></dd>
						<dd><a href="">隐私声明</a></dd>
						
					</dl>
				</div>
			</div>
			<!--条款图片-->
			<div class="footerListImg">
				<div class="wrapImg">
					<a href="" class="img1"></a>
				</div>
				<div class="wrapImg">
					<a href="" class="img2"></a>
				</div>
				<div class="wrapImg">
					<a href="" class="img3"></a>
				</div>
				<div class="wrapImg">
					<a href="" class="img4"></a>
				</div>
				
			</div>
			<!--条款图片结束-->
			<!--版权信息和工商-->
			<div class="footerBotoom">
				<div class="copy">
					Copyright 2007 - 2014 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号
				</div>
				<div class="gsImg">
					<div class="wrapFootImg">
					<a href="" class="gsImg1"></a>
					<a href="" class="gsImg2"></a>
					<a href="" class="gsImg3"></a>
					<a href="" class="gsImg4"></a>
					<a href="" class="gsImg5"></a>
					</div>
				</div>
				
			</div>
			<!--版权信息和工商-->
			
		</div>
		<!-- 页脚结束 -->
</body>
</html>
